﻿<div id="search-widget">
<form action="hotelResults.php" method="post">
    <div id="destination">
	<div id="input_destination_label">
            <label> 
		Where would you like to go?
            </label>
	</div>
        <div id="input_destination">
            <input type="textbox" name="destination" />
	</div>
    </div>
    <table id="check_in_check_out">
        <tr>
            <td id="check-in"><span>Check-in</span><input type="textbox" name="check-in"/></td>
            <td id="check-out"><span>Check-out</span><input type="textbox" name="check-out" /></td>
        </tr>
    </table>
    <div id="rooms">
	<div id="room1" style="display:inline;">								
            <div class="adults">
                <span class="label">Adults<span>(18+)</span></span>
                <select id="rooms0.adultsCount" name="room1[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>										
            <div class="children">
                <span class="label">Children<span>(0-17)</span></span>
                <select id="rooms0.childrenCount" name="room1[childrenCount]>
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>

                <div class="age">
                    <legend>Age<br></legend>
                    <select id="rooms0.children1"  style="display:inline" name="room1[children1]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>

                    <select id="rooms0.children2" style="display: inline;" name="room1[children2]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>
                    <select id="rooms0.children3"  style="display: inline;" name="room1[children3]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>
                </div>
            </div>

        <div id="room2" style="display:none;">
            <div class="adults">
                <select id="rooms1.adultsCount" name="room2[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms1.childrenCount" name="room2[childrenCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <select id="rooms1.children1"  style="display:inline" name="room2[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms1.children2"    style="display: inline;" name="room2[children2]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms1.children3"  style="display: inline;" name="room2[children3]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                </select>
            </div>
        </div>

        <div id="room3" style="display:none;">
            <div class="adults">
                <select id="rooms2.adultsCount" name="room3[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms2.childrenCount"  name="room3[childrenCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>

            <div>
                <select id="rooms2.children1"  style="display:inline" name="room3[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms2.children2"    style="display: inline;" name="room3[children2]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms2.children3"  style="display: inline;" name="room3[children3]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
            </div>
        </div>

        <div id="room4" style="display:none;">
            <div class="adults">
                <select id="rooms3.adultsCount" name="room4[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms3.childrenCount" name="room4[childrenCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <select id="rooms3.children1"  style="display:inline" name="room4[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms3.children2"    style="display: inline;" name="room4[children2]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms3.children3"  style="display: inline;" name="room4[children3]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
            </div>
        </div>

        <div id="room5" style="display:none;">
            <div class="adults">
                <select id="rooms4.adultsCount" name="room5[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms4.childrenCount" name="room5[childrenCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <select id="rooms4.children1"  style="display:inline" name="room5[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms4.children2"    style="display: inline;" name="room5[children2]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms4.children3"  style="display: inline;" name="room5[children3]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
            </div>
        </div>

        <div id="room6" style="display:none;">
            <div class="adults">
                <select id="rooms5.adultsCount" name="room6[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms5.childrenCount" name="room6[childrenCount]" >
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
                <div>
                    <select id="rooms5.children1"  style="display:inline" name="room6[children1]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>
                    <select id="rooms5.children2"    style="display: inline;" name="room6[children2]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>
                    <select id="rooms5.children3"  style="display: inline;" name="room6[children3]">
                        <option value="">&mdash;</option>
                        <option value="0">&lt;1</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                    </select>
                </div>
        </div>

        <div id="room7" style="display:none;">
            <div class="adults">
                <select id="rooms6.adultsCount" name="room7[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms6.childrenCount" name="room7[adultsCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <select id="rooms6.children1"  style="display:inline" name="room7[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms6.children2"    style="display: inline;" name="room7[children2]" >
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms6.children3"  style="display: inline;" name="room7[children3]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
            </div>
        </div>

        <div id="room8" style="display:none;">
            <div class="adults">
                <select id="rooms7.adultsCount" name="room8[adultsCount]">
                    <option value="1">1</option>
                    <option selected="" value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </div>
            <div class="children">
                <select id="rooms7.childrenCount" name="room8[childrenCount]">
                    <option selected="" value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <select id="rooms7.children1"  style="display:inline" name="room8[children1]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms7.children2"    style="display: inline;" name="room8[children2]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
                <select id="rooms7.children3"  style="display: inline;" name="room8[children3]">
                    <option value="">&mdash;</option>
                    <option value="0">&lt;1</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                </select>
            </div>
        </div>
    </div>							
    <div id="add_new_room_search_div">
        <table id="buttons_search_add">
            <tr>
                <td align="right">
                    <input type="button" id="add_new_room_button" value="Add new room" onclick="add_room();"/>
                </td>
                <td align="left">
                    <input id="search_button" type="submit" value="Search" />
                </td>
        </table>
    </div>
</form>
		
</div>